<template>
  <svg
    class="yindu-icon pointer"
    viewBox="0 0 20 20"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M17.5 12.5002V13.5002C17.5 14.9004 17.5 15.6004 17.2275 16.1352C16.9878 16.6056 16.6054 16.9881 16.135 17.2278C15.6002 17.5002 14.9001 17.5002 13.5 17.5002H6.5C5.09987 17.5002 4.3998 17.5002 3.86502 17.2278C3.39462 16.9881 3.01217 16.6056 2.77248 16.1352C2.5 15.6004 2.5 14.9004 2.5 13.5002V12.5002M14.1667 8.33358L10 12.5002M10 12.5002L5.83333 8.33358M10 12.5002V2.50024"
      stroke="#36434D"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
  </svg>
</template>

<script setup lang="ts">
import { computed } from 'vue';

type Props = {
  fill?: string;
};

const props = withDefaults(defineProps<Props>(), {});

const fillColor = computed(() => {
  return props.fill;
});
</script>
<style scoped lang="less">
.yindu-icon {
}
</style>
